<template>
	<view>
		<view class="moreListWp">
			<view class="moreItem" v-for="(item,index) in list" :key="index" @click.stop="goToDetail(item,index)">
				<view class="left">
					<img :src="item.head" v-if="item.head" alt="" class='leftImgWp'>
					<u-image v-else src="https://file.casugn.com/storecompcard/temp/avatar_1682582523631.png"
						width="96rpx" height="96rpx" alt=""></u-image>
				</view>
				<view class="right">
					<view>
						<text class="name"> {{item.name?item.name:''}}</text>
						<text class="title"> {{itemInfo.position?itemInfo.position:''}}</text>
					</view>
					<view class="company">
						{{item.company?item.company:''}}
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			list: {
				Type: Array,
				default: () => [],
				required: true
			}
		},
		methods: {
			goToDetail(item, index) {
				this.$emit('goToDetail', item, index)
			}
		}
	}
</script>

<style lang="scss">
	.moreListWp {
		height: 100vh;
		padding-top: 30upx;
		// height: 50vh;
		// overflow-y: scroll;

		.moreItem {
			display: flex;
			margin: 30upx 0;
			padding-bottom: 15upx;
			border-bottom: 1upx solid #eee;

			.left {
				padding-right: 30upx;

				.leftImgWp {
					width: 100upx;
					height: 100upx;
				}
			}

			.right {
				.name {
					width: 91upx;
					height: 29px;
					font-size: 30upx;
					font-weight: 500;
					color: #000000;
					line-height: 36upx;
				}

				.title {
					padding-left: 22upx;
					font-size: 18upx;
					font-weight: 400;
					color: #666666;
					line-height: 36upx;
				}

				.company {
					padding-top: 22upx;
					font-size: 24upx;
					font-weight: 400;
					color: #333333;
					line-height: 36upx;
				}
			}
		}


	}
</style>